const path = require("path");
module.exports = {
  // 相对路径
  entry: "./src/main.js",
  output: {
    // 文件名
    filename: "build.js",
    // 出口路径，绝对路径
    path: path.resolve(__dirname, "./build"),
  },
  module: {
    rules: [
      {
        test: /\.css$/i,
        // 先用css-loader处理为css，后用style-loader处理（从后往前）
        use: ["style-loader", "css-loader", {
          // postcss-loader需要安装autoprefixer插件后使用
          loader: 'postcss-loader',
          options: {
            postcssOptions: {
              plugins: [
                require('autoprefixer')
              ]
            }
          }
        }],
      },
      {
        test: /\.less$/i,
        // 先用css-loader处理为css，后用style-loader处理（从后往前）
        use: ["style-loader", "css-loader", {
          // postcss-preset-env 已经支持autoprefixer特性
          loader: 'postcss-loader',
          options: {
            postcssOptions: {
              plugins: [
                // require('postcss-preset-env')
                'postcss-preset-env'
              ]
            }
          }
        }, "less-loader"],
      },
    ],
  },
};
